@media screen and (max-width: 1200px) {

    .wrap{
        max-width:100%;
        min-width:320px;
    }
    .main{
        padding:0 15px;
        width:calc(100% - 30px);
    }
    .header .choose{
        margin-left:3%;
        width:42%;
    }
    .header .choose select{
        margin-right:1%;
        width:49%;
    }
    .content .nav ul{
        width:calc(100% - 228px);
    }
    .content .nav ul li{
        margin-left:0;
        width:10%;
        text-align:center;
    }
    .content .nav ul li a{
        font-size:14px;
    }
    .sidenav{
        margin-left:calc(-50% + 15px);
        height:369px;
    }
    .sidenav ul li{
        margin-bottom:15px;
    }
    .content .banner{
        height:320px;
    }
    .content .banner .swiper-container .swiper-wrapper{
        height:320px;
    }
    .content .banner .swiper-container{
        height:320px;
    }
    .content .banner .swiper-container .swiper-slide{
        height:320px;
    }
    .content .banner .swiper-container .swiper-slide img{
        margin-left:-767px;
        width:1534px;
        height:320px;
    }
    .content .banner .pagination {
        bottom:5px;
    }
    .content .hot .container{
        width:calc(100% + 13px);
    }
    .content .hot .box{
        width:calc(100% /4 - 13px);
        box-sizing:border-box;
    }
    .content .hot .box .info{
        margin-left:70px;
    }
    .content .hot .box .info h2{
        font-size:20px;
    }
    .content .hot .box .info p{
        font-size:12px;
    }
    .content .hot .box.tag1{
        background:url("/zhuzhan/img/hot-tag1.png") no-repeat 15px center;
    }
    .content .hot .box.tag2{
        background:url("/zhuzhan/img/hot-tag2.png") no-repeat 15px center;
    }
    .content .hot .box.tag3{
        background:url("/zhuzhan/img/hot-tag3.png") no-repeat 15px center;
    }
    .content .hot .box.tag4{
        background:url("/zhuzhan/img/hot-tag4.png") no-repeat 15px center;
    }
    .content .title{
        padding:34px 0 17px;
    }
    .content .title h2{
        font-size:32px;
        line-height:32px;
    }
    .content .new .container{
        width:calc(100% + 20px);
    }
    .content .new .main .box{
        width:calc(100%/3 - 20px);
    }
    .content .new .main .box .info{
        width:calc(100% - 125px)
    }
    .content .choose .container{
        width:calc(100% + 20px)
    }
    .content .choose .box{
        width:calc(100%/4 - 20px)
    }
    .content .course .container{
        width:calc(100% + 10px)
    }
    .content .course .ctn{
        float:left;
        width:50%;
    }
    .content .course .ctn1{
        width:100%;
    }
    .content .course .ctn2{
        width:50%;
    }
    .content .course .box.big{
        width:calc(100%/2 - 10px);
        height:auto;
    }
    .content .course .box.middle{
        width:calc(100%/2 - 10px);
        height:auto;
    }
    .content .course .box.small{
        width:calc(100%/4 - 10px);
        height:auto;
    }
    .content .course .box.big img{
        width:100%;
        height:auto;
    }
    .content .course .box.middle img{
        width:100%;
        height:auto;
    }
    .content .course .box.small img{
        width:100%;
        height:auto;
    }
    .content .course .ctn2  .box.big{
        width:calc(100% - 10px);
    }
    .content .course .ctn2  .box.middle{
        width:calc(100% - 10px);
    }
    .content .course .ctn2  .box.small{
        width:calc(100%/2 - 10px);
    }
    .content .course .box.small .info h3{
        font-size:12px;
    }
    .content .course .box.small .info p{
        font-size:12px;
    }
    .content .teacher ul{
        width:100%;
    }
    .content .teacher ul li{
        width:5.555%;
    }
    .content .teacher ul li a{
        padding:0 0 16px;
        font-size:12px;
        font-family:'Microsoft YaHei', sans-serif;
    }
    .content .teacher .teacher-banner .box{
        width:100%;
        height:340px;
    }
    .content .students .container{
        width:calc(100% + 23px);
    }
    .content .students .box{
        width:calc(100%/4 - 23px);
    }
    .content .firm .container{
        width:calc(100% + 10px)
    }
    .content .firm .box{
        width:calc(100%/5 - 10px);
        box-sizing:border-box;
    }
    .content .know .container{
        width:calc(100% + 22px);
    }
    .content .know .box{
        width:calc(100%/4 - 22px);
        box-sizing:border-box;
    }
    .content .know .box ul{
        margin:22px 2% 0;
        width:98%;
    }
    .content .know .box ul li a{
        font-size:12px;
    }
    .content .audition .container{
        width:calc(100% + 20px);
    }
    .content .audition .box{
        width:calc(100%/4 - 20px);
        box-sizing:border-box;
    }

    .sidenav ul.ul-city li{
        margin-bottom:15px;
    }
    .content .course2 .container{
        width:calc(100% + 20px);
    }
    .content .course2 .main .box{
        width:calc(100%/3 - 20px);
    }
    .content .course2 .main .box .info{
        width:calc(100% - 125px)
    }


    /*course-table*/
    .content .course-table .container .table-left table td{
        height:60px;
        font-size:16px;
    }
    .content .course-table .container .table-right li{
        margin:5px 0 10px;
        height:60px;
        line-height:60px;
        font-size:16px;
    }
    .content .course-table .container .table-right li.big{
        height:93.6px;
        line-height:93.6px;
    }
    /* 新加职业模块2018/06/15 */
    .zhiye_c{
        width: calc(100% - 30px);
    }
    .zhiye_content>a>p {
        font-size: 17px;
    }
}


@media screen and (max-width: 1000px) {


    .header .choose{
        display:none;
    }
    .content .nav ul{
        padding-top:1px;
    }
    .content .nav ul li{
        margin:1px 0.5% 0;
        padding-bottom:0;
        width:19%;
        box-sizing:border-box;
        border:1px solid #999999;
    }
    .content .nav ul li a{
        padding-bottom:0;
        border:none;
    }
    .content .nav ul li.act a{
        color:#e2006d;
        border:none;
    }
    .content .nav ul li.act{
        border:1px solid #d40067;
    }
    .content .nav ul li:hover{
        border:1px solid #d40067;
    }
    .sidenav{
        height:289px;
    }
    .sidenav ul{
        margin-top:12px;
    }
    .sidenav ul li{
        margin-bottom:8px;
    }
    .content .banner{
        height:240px;
    }
    .content .banner .swiper-container .swiper-wrapper{
        height:240px;
    }
    .content .banner .swiper-container{
        height:240px;
    }
    .content .banner .swiper-container .swiper-slide{
        height:240px;
    }
    .content .banner .swiper-container .swiper-slide img{
        margin-left:-576px;
        width:1152px;
        height:240px;
    }
    .content .hot .box{
        margin-bottom:13px;
        width:calc(100% /2 - 13px);
    }
    .content .hot .box .info{
        margin-top:18px;
        margin-left:100px;
    }
    .content .hot .box .info h2{
        font-size:25px;
    }
    .content .hot .box .info p{
        font-size:14px;
    }
    .content .hot .box.tag1{
        background:url("/zhuzhan/img/hot-tag1.png") no-repeat 35px center;
    }
    .content .hot .box.tag2{
        background:url("/zhuzhan/img/hot-tag2.png") no-repeat 35px center;
    }
    .content .hot .box.tag3{
        background:url("/zhuzhan/img/hot-tag3.png") no-repeat 35px center;
    }
    .content .hot .box.tag4{
        background:url("/zhuzhan/img/hot-tag4.png") no-repeat 35px center;
    }
    .content .new .container{
        padding:20px 0 10px;
    }
    .content .new .main .box{
        width:calc(100%/2 - 20px)
    }
    .content .choose .container{
        width:calc(100% + 10px)
    }
    .content .choose .box{
        margin-right:10px;
        width:calc(100%/4 - 10px)
    }
    .content .teacher .teacher-banner{
        padding:5px 0 45px;
        height:auto;
    }
    .content .teacher ul{
        display:none;
    }
    .swiper-scrollbar {
        bottom:10px;
        width:calc(100% - 30px);
        height:10px;
    }
    .content .students .box{
        width:calc(100%/3 - 23px);
    }
    .content .firm .box{
        width:calc(100%/4 - 10px);
    }
    .content .know .box{
        margin-bottom:22px;
        width:calc(100%/2 - 22px);
        box-sizing:border-box;
    }
    .content .know .box ul li a{
        font-size:14px;
    }
    .content .audition .box{
        width:calc(100%/3 - 20px);
    }
    .content .map .container{
        left:50%;
        margin-left:-431px;
        transform:scale(0.8);
    }



    .sidenav ul.ul-city{
        margin-top:12px;
    }
    .sidenav ul.ul-city li{
        margin-bottom:8px;
    }
    .content .course2 .container{
        padding:20px 0 10px;
    }
    .content .course2 .main .box{
        width:calc(100%/2 - 20px)
    }

    /*course-table*/
    .content .course-table .container .table-left table td{
        font-size:12px;
    }
    .content .course-table .container .table-right li{
        font-size:12px;
    }
    /*course-table*/
    /* 新加职业发展模块 */
    .zhiye_si{
        display: none;
    }
    .zhiye_content{
        width: 33.333333%;
    }
}

@media screen and (max-width: 800px) {

    /**************/
    .content .audition .audDiv{
        height: 380px;
        width: 100%;
    }
    .content .audition .main{
        padding: 0;
        width: 100%;
    }
    .content .audition .container {
        width: 100%;
    }
    .content .audition .box{
        width:50%;
        margin-bottom: 0;
        margin-right: 0;
        height: auto;
        padding: 0 14px 2px 14px;
        border: none;
        margin-top: 20px;
    }
    .content .audition .box:hover {
        border:none;
    }
    .content .audition .box a:hover {
        border: 1px solid #e72a86;
        transition: 0.2s;
    }
    .content .audition .box a{
        display: block;
        border: 1px solid #e4e4e4;
        padding-bottom: 10px;
    }
    .content .audition .box a img{
        position: relative;
        margin-left: 0;
        left: 0;
        width:100%;
        height:auto;
        display:block;

    }
    .content .audition .box h2{
        margin-top:10px;
        margin-left:10px;
        font-size:13px;
        line-height:13px;
        color:#d40067;
    }
    .play-vedio {
        transform:scale(0.7);
    }
    .content .audition .box span.play1 {
        right: 24px;
    }


    .content .course .info{
        display:none;
    }
    .content .firm .container{
        width:calc(100% + 28px)
    }
    .content .firm .box{
        margin-top:6px;
        margin-bottom:7px;
        margin-right:28px;
        width:calc(100%/3 - 28px);
    }
.content .audition .audDiv {
    height: 380px;
    overflow: hidden;
    transition: 0.5s;
    margin-top: 20px;
}
    .content .audition .box{
        width:calc(100%/2 - 20px);
         height:auto;
    }
    .content .audition .box img{
        top:0;
        left:50%;
        margin-left:-90px;
        width:100%;
        height:auto;
        display:block;
        position:absolute;
    }
    .content .audition .box h2{
        margin-top:125px;
        margin-left:10px;
        font-size:13px;
        line-height:13px;
        color:#d40067;
    }

    .play-vedio {
        transform:scale(0.7);
    }

/* 新加职业发展模块 */
    .zhiye_si{
        display: none;
    }
    .zhiye_san{
        display: none;
    }
    .zhiye_content{
        width: 50%;
    }
}


@media screen and (max-width: 640px) {

    .content .audition .audDiv {
        height: 380px;
    }
    .content .audition .main{
        padding: 0;
        width: 100%;
    }
    .content .audition .container {
        width: 100%;
    }
    .content .audition .box{
        width:50%;
        margin-bottom: 0;
        margin-right: 0;
        height: auto;
        padding: 0 14px 2px 14px;
        border: none;
        margin-top: 20px;
    }
    .content .audition .box a{
        display: block;
        border: 1px solid #e4e4e4;
        padding-bottom: 10px;
    }
    .content .audition .box:hover {
        border:none;
    }
    .content .audition .box a:hover {
        border: 1px solid #e72a86;
        transition: 0.2s;
    }
    .content .audition .box a img{
        position: relative;
        margin-left: 0;
        left: 0;
        width:100%;
        height:auto;
        display:block;

    }
    .content .audition .box h2{
        margin-top:10px;
        margin-left:10px;
        font-size:13px;
        line-height:16px;
        color:#d40067;
        text-overflow: ellipsis;
        word-break: break-word;
        overflow: hidden;
        height: 13px;
    }
    .play-vedio {
        transform:scale(0.7);
    }
    .content .audition .box span.play1 {
        right: 24px;
        width: 20px;
        height: 20px;
    }


    .wrap{
        padding-top:30px;
    }
    .header{
        top:0;
        height:60px;
        position:fixed;
        background:url("/zhuzhan/img/logo.png") no-repeat center #ffffff;
        background-size:106px 32px;
        box-shadow:0 3px 3px #888888;
    }
    .header .btn-course{
        margin-top:17px;
        display:block;
    }
    .header .btn-center{
        margin-top:17px;
        display:block;
    }
    .header .logo {
        display:none;
    }
    .header .logo-text {
        display:none;
    }
    .header .logo-text1{
       display:none;
    }
    .header .contact {
        display:none;
    }
    .content {
        background:#f4f4f4;
    }
    .part{
        margin-bottom:20px;
        background:#ffffff;
        border-top:1px solid #ededed;
        border-top:1px solid #ededed;
    }
    .content .nav{
        display:none;
    }
    .content .hot{
        display:none;
    }
	.content .students .box .info h4{
        display:none;
    }
    .content .students .box:hover .info h4{
        margin-top:0;
    }
	
    .sidenav {
        margin-left:auto;
        top: 0;
        left: 0;
        width: 256px;
        font-size: 16px;
        height: 100%;
        position: fixed;
        overflow: auto;
        display: block;
        z-index: 9999999;
        box-shadow: 2px 2px 6px rgba(0, 0, 0, .3);
        transform: translate(-262px, 0);
        transition: transform .3s;
    }
    .sidenav.show {
        transform: translate(0, 0)
    }
    .sidenav-overlay {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: none;
        z-index: 9999;
        overflow:hidden;
        position: fixed;
        background: rgba(0, 0, 0, .8);
    }
    .sidenav{
        background:#232323;
    }
    .sidenav h2{
        background:#232323;
        border-bottom:1px solid #141414;
    }
    .sidenav h2 a{
        display:block;
    }
    .sidenav ul{
        margin-top:0;
        display:block;
    }
    .sidenav ul li{
        margin:0;
        height:50px;
        text-align:center;
        line-height:50px;
        box-sizing:border-box;
        border-bottom:1px solid #141414;
    }
    .sidenav ul li:nth-last-of-type(odd){
        border-right:1px solid  #141414;
    }
    .sidenav ul li a{
        display:block;
    }
    .sidenav .m-link {
        display:block;
    }
    .content .banner{
        height:160px;
    }
    .content .banner .swiper-container .swiper-wrapper{
        height:160px;
    }
    .content .banner .swiper-container{
        height:160px;
    }
    .content .banner .swiper-container .swiper-slide{
        height:160px;
    }
    .content .banner .swiper-container .swiper-slide img{
        margin-left:-384px;
        width:768px;
        height:160px;
    }
    .content .banner .pagination {
        bottom:2px;
    }
    .content .banner .swiper-pagination-switch {
        margin:0 3px;
        width:30px;
        height:3px;
    }
    .content .title{
        padding:18px 0;
        border-bottom:1px solid #ededed;
    }
    .content .title h2{
        margin-left:15px;
        padding-left:6px;
        font-size:2rem;
        line-height:1.8rem;
        height:2rem;
        text-align:left;
        color:#000000;
        border-left:3px solid #c40461;
    }
    .content .title h2 span{
        display:none;
    }
    .content .title h2 img{
        line-height:2rem;
        display:block;
    }
    .content .title h3{
        display:none;
    }
    .content a.jt{
        display:none;
    }
    .content .new{
        border-top:1px solid #ededed;
    }
    .content .new .container{
        padding:0;
        width:100%;
        border:none;
    }
    .content .new .main .box{
        margin:17px auto;
        width:100%;
    }
    .content .choose .chooseDiv{
        height:auto;
    }
    .content .choose .container{
        margin-top:10px;
        width:calc(100% + 10px);
    }
    .content .choose .box{
        margin-top:0;
        margin-right:10px;
        margin-bottom:10px;
        border-radius:5px;
        width:calc(100%/2 - 10px);
        display:none;
        height:auto;
    }
    .content .choose .box.m{
        display:block;
    }
    .content .choose .box img{
        margin-left:0;
        width:100%;
        height:auto;
        position:static;
    }
    .content .choose .box .info{
        height:35px;
    }
    .content .choose .box .info p{
        font-size:18px;
        line-height:35px;
    }
    .content .course{
        padding-bottom:0;
        background:#ffffff;
    }
    .content .course .container {
        padding:10px 0 0;
        width:calc(100% + 5px)
    }
    .content .course .ctn{
        width:100%;
    }
    .content .course .box{
        margin-right:5px;
        margin-bottom:5px;
    }
    .content .course .box.big{
        width:calc(100%/2 - 5px);
        height:auto;
    }
    .content .course .box.middle{
        width:calc(100%/2 - 5px);
        height:auto;
    }
    .content .course .box.small{
        width:calc(100%/4 - 5px);
        height:auto;
    }
    .content .course .ctn2  .box.big{
        width:calc(100% - 5px);
    }
    .content .course .ctn2  .box.middle{
        width:calc(100% - 5px);
    }
    .content .course .ctn2  .box.small{
        width:calc(100%/2 - 5px);
    }
    .content .teacher .teacher-banner .box img{
        margin-left:0;
        width:100%;
        height:auto;
        position:static;
    }
    .content .teacher .teacher-banner .box{
        margin:0 auto;
        width:210px;
        height:210px;
        border-radius:18px;
    }
    .content .teacher .teacher-banner .box .info{
        top:140px;
        background:none;
    }
    .content .teacher .teacher-banner .box:hover .info{
        top:140px;
    }
    .content .teacher .teacher-banner .box .info h2{
        font-size:30px;
        line-height:30px;
    }
    .content .teacher .teacher-banner .box .info p{
        display:none;
    }
    .content .students .container{
        margin-top:10px;
        width:calc(100% + 10px);
    }
    .content .students .stuDiv{
        height:auto;
        transition:0.5s;
        overflow:hidden;
    }
    .content .students .box{
        margin-bottom:10px;
        margin-right:10px;
        width:calc(100%/2 - 10px);
        height:auto;
        display:none;
        border-radius:8px;
    }
    .content .students .box.m{
        display:block;
    }
    .content .students .box img{
        left:50%;
        margin-left:0;
        width:100%;
        height:auto;
        display:block;
        position:static;
    }
    .content .students .box .info{
        top:auto;
        bottom:0;
        width:100%;
        height:34px;
        line-height:34px;
        border-radius:0 0 8px 8px;
    }
    .content .students .box:hover .info{
        top:auto;
    }
    .content .students .box .info h2{
        display:none;
    }
    .content .students .box .info h3{
        margin-top:0;
        font-size:14px;
        line-height:34px;
        display:inline-block;
    }
    .content .students .box .info p{
        margin-top:0;
        font-size:14px;
        line-height:34px;
        display:inline-block;
    }
    .content .students .box .info h4{
        display:none;
    }
    .content .students .box:hover .info h4{
        margin-top:0;
    }
    .part.firm{
        margin:0;
    }
    .content .firm .container{
        width:calc(100% + 5px)
    }
    .content .firm .box{
        margin-right:5px;
        width:calc(100%/3 - 5px);
    }
    .content .know{
        display:none;
    }
    
    .content .audition{
        display:block;
    }


    .content .map{
        display:none;
    }
    .footer .ul-logo  ul{
    margin:0 auto;
    width:100%;
}
.footer .bottom{
margin-bottom:30px;
}
.footer .ul-logo{ margin-bottom: 0;}
.footer .top{
   display:none;
}
.footer .top #youlian{
    display:none;
}
.footer .top p.gy{
    display:none;
}
.footer .top p#m-t{
    display:none;
}
.footer .top ul{
    width:100%;
}
.footer .wm{
    display:none;
}
    .sidenav ul.ul-city{
        display:none;
    }
    .content .course2{
        border-top:1px solid #ededed;
    }
    .content .course2 .container{
        padding:0;
        width:100%;
        border:none;
    }
    .content .course2 .main .box{
        margin:17px auto;
        width:100%;
    }

    /*course-table*/
    .content .course-table{
        padding-bottom:0;
        background:#ffffff;
    }
    .content .course-table .container .table-pc{
        display:none;
    }
    .content .course-table .container .table-m{
        margin:8px 0;
        display:block;
    }
    /* 新增职业发展模块 2018/06/15*/
    .zhiye_c{
        padding-bottom: 20px;
    }
    .zhiye_content>a>p{
        font-size: 14px
    }
}



@media screen and (max-width: 480px) {
    .content .audition .audDiv{
        height: 395px;
    }
.footer .ul-logo  ul li img{
        width: 70%;
    }


    .part{
        margin-bottom:10px;
    }
    .content .title{
        padding:1.6rem 0;
    }
    .content .title h2{
        font-size:2rem;
        line-height:1.8rem;
        height:2rem;
    }
    .content .title h2 img{
        width:12px;
        height:20px;
    }
    .content .new .main .newDiv{
        height:auto
    }
    .content .new .main .box{
        margin:0 auto;
        padding:10px 0;
        height:auto;
        display:none;
        position:relative;
    }
    .content .new .main .box.m{
        display:block;
    }
    .content .new .main .box:first-child{
        border-bottom:1px solid #ededed;
    }
    .content .new .main .box .img{
        width:25%;
        height:auto;
        position:static;
    }
    .content .new .main .box img{
        margin-left:0;
        width:100%;
        height:auto;
        display:block;
        position:static;
    }
    .content .new .main .box .info{
        width:71%;
    }
    .content .new .main .box .info h3{
        font-size:1.8rem;
        line-height:2.2rem;
        height:4.4rem;
    }
    .content .new .main .box .info p{
        display:none;
    }
    .content .new .main .box .info span.time{
        margin:0;
        bottom:10px;
        right:0;
        position:absolute;
        float:none;
    }
    .content .new .main .box .info a.share{
        display:none;
    }
    .content .choose .box .info{
        height:20px;
    }
    .content .choose .box .info p{
        font-size:14px;
        line-height:20px;
    }
    .content .teacher .teacher-banner .box .info{
        top:auto;
        bottom:0;
        height:50px;
    }
    .content .teacher .teacher-banner .box:hover .info{
        top:auto;
    }
    .content .teacher .teacher-banner .box .info h2{
        margin-top:6px;
        margin-left:12px;
        font-size:16px;
        line-height:16px;
        color:#ffffff;
    }
    .content .teacher .teacher-banner .box .info h3{
        margin-top:6px;
    }
    .content .teacher .teacher-banner .swiper-slide .box{
        margin-top:20px;
        width:150px;
        height:150px;
    }
    .content .teacher .teacher-banner .swiper-slide-active .box{
        margin-top:0;
        width:170px;
        height:170px;
    }
    .content .teacher .teacher-banner .swiper-slide img{
        -webkit-filter: contrast(50%); /* Chrome, Safari, Opera */
        filter: contrast(50%);
    }
    .content .teacher .teacher-banner .swiper-slide.swiper-slide-active img{
        -webkit-filter: contrast(100%); /* Chrome, Safari, Opera */
        filter: contrast(100%);
    }
    .content .students .box .info{
        height:24px;
        line-height:24px;
    }
    .content .students .box .info h3{
        font-size:12px;
        line-height:24px;
    }
    .content .students .box .info p{
        font-size:12px;
        line-height:24px;
    }
    .content .firm .firmDiv{
        height:auto;
        overflow:hidden;
        transition:0.5s;
    }

    .firm .main{
        padding:0;
        width:100%;
    }

    .content .firm .container{
        width:100%;
    }
    .content .firm .box{
        margin:0;
        width:calc(100%/3 + 0px);
        height:auto;
        display:none;
        position:static;
        background:#ffffff;
        border:none;
        border-left:1px solid #ffffff;
        border-right:1px solid #ffffff;
        border-bottom:1px solid #ebebeb;
    }
    .content .firm .box.border{
        border-left:1px solid #ebebeb;
        border-right:1px solid #ebebeb;
    }
    .content .firm .box:hover{
        background:#ffffff;
        border:none;
        border-left:1px solid #ffffff;
        border-right:1px solid #ffffff;
        border-bottom:1px solid #ebebeb;
        transition:0.2s;
    }
    .content .firm .box:hover p{
        color:#000000;
    }
    .content .firm .box.borde:hover{
        border-left:1px solid #ebebeb;
        border-right:1px solid #ebebeb;
    }
    .content .firm .box.m{
        display:block;
    }
    .content .firm .box img{
        margin-left:0;
        width:100%;
        height:auto;
        position:static;
    }
    .content .firm .box p{
        width:100%;
        height:30px;
        line-height:30px;
        font-size:12px;
        overflow:hidden;
        position:static;
    }
    .content .course2 .main .box{
        margin:0 auto;
        padding:10px 0;
        height:auto;
        position:relative;
    }
    .content .course2 .main .box .img{
        width:25%;
        height:auto;
        position:static;
    }
    .content .course2 .main .box img{
        margin-left:0;
        width:100%;
        height:auto;
        display:block;
        position:static;
    }
    .content .course2 .main .box .info{
        width:71%;
    }
    .content .course2 .main .box .info h3{
        font-size:1.8rem;
        line-height:2.2rem;
        height:2.2rem;
    }
    .content .course2 .main .box .info p{
        line-height:22px;
        height:44px;
        color:#666666;
        overflow:hidden;
    }

/* 新增职业模块 2018/06/15*/
    .zhiye_c{
        padding-bottom: 10px;
    }
    .zhiye_content>a>p{
        font-size: 10px
    }



}
@media screen and (max-width: 420px) {
    .content .teacher .teacher-banner .box{
        width:160px;
        height:160px;
    }


}
@media screen and (max-width: 380px) {
    .content .audition .audDiv{
        height: 370px;
    }


    .content .teacher .teacher-banner .box .info h3{
        font-size:12px;
    }
    .content .teacher .teacher-banner .swiper-slide .box{
        margin-top:25px;
        width:130px;
        height:130px;
    }
    .content .teacher .teacher-banner .swiper-slide-active .box{
        margin-top:0;
        width:155px;
        height:155px;
    }
 .zhiye_content>a>p {
        font-size: 7px
    }
}
@media screen and (max-width: 350px) {

    .content .teacher .teacher-banner .swiper-slide .box{
        margin-top:20px;
        width:120px;
        height:120px;
    }
    .content .teacher .teacher-banner .swiper-slide-active .box{
        margin-top:0;
        width:140px;
        height:140px;
    }
    .content .course2 .main .box .info p{
        margin-top:2px;
    }
}


/*courses-table*/
@media (min-width:768px ) {
	.table_container{
		width: 750px;
	}
	.tab_visible_xs{
		display: none;
	}
	.tab_hide_xs td{
		display: table-cell;
	}
	.kc_tab tbody tr td{
		font-size: 16px;
	
	}
	
	.td_div p{
		font-size: 16px;
	}
}
@media (min-width:992px ) {
	.table_container{
		width: 100%;
	}
	.tab_visible_xs{
		display: none;
	}
	.tab_hide_xs td{
		display: table-cell;
	}
	.kc_tab tbody tr td{
		font-size: 16px;
	}
	
	.td_div p{
		font-size: 16px;
	}
}
@media (min-width:1230px ) {
	.table_container{
		width: 1200px;
	}
	.tab_visible_xs{
		display: none;
	}
	.tab_hide_xs td{
		display: table-cell;
	}
	.kc_tab tbody tr td{
		font-size: 18px;
	}
	
	.td_div p{
		font-size: 18px;
	}
}
@media (max-width:767px ) {
 	.tab_visible_xs td{
		display: table-cell;
	}
	.tab_hide_xs{
		display: none;
	}
	.kc_tab tbody tr td{
		height: 30px;
	    color: #ffffff;
	    font-size: 12px;
	    text-align: center;
	    border-radius: 5px;
	}
		
         .kc_tab tbody tr td a{
            color: #ffffff !important;
	    font-size: 12px !important;
         }
	
	.td_div{
		width: 51.6%;
    	margin: -6px;
    	height: 30px;
	}
	.td_right {
    	padding-left: 0px;
	}
	.td_left {
    	padding-right: 0px;
	}
	
	.kc_tab tbody tr td{
		height: 30px;
	    color: #ffffff;
	    font-size: 12px;
	    text-align: center;
	    border-radius: 5px;
	}
	.td_div p{
		height: 30px;
	    color: #ffffff;
	    font-size: 12px;
	    text-align: center;
	    border-radius: 5px;
	}
	.kc_tab tbody tr td{
		padding: 6px;
	}
}

@media (max-width:480px ) {
	.td_div{
		width: 52.4%;
	}
}
/*courses-table*/